﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SMIST</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Importando Modelos de SMIST_BASE-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/CategSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/SenalTra.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoVia.js"></script>
        
        <!--Importando Modelos de SMIST-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSem.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/SoporSen.js"></script>
		
		<!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/senal/AdjuntarSenal.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smist_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="adjuntarSenal" data-theme="a" data-title="SMIST - Adjuntar Fotos a una Señal de Tránsito">
            <div data-role="header">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
            <div data-role="content">
                <form>
					<h2>Adjuntar Fotos a una Señal</h2>
					
                    <div data-role="fieldcontain">
                        <label for="id_senal">ID Señal:<sup> * </sup></label>
                        <input id="id_senal" name="id_senal" type="number" placeholder="ID SEÑAL" required="required" pattern="[0-9]*" />
                        <input id="h_id_senal" name="h_id_senal" type="hidden" />
                        
                        <br />
                        <div id="div_ver_mapa" class="centrado">
                            <img id="ver_mapa" name="ver_mapa" src="../img/botones/ver_mapa.png" onClick="consultar_mapa_sen( $('#id_opcion').val() );" />
                        </div>
                        
                        <button id="consultar" name="consultar" type="button" data-theme="a">Consultar</button> 
                    </div>
                    
                    <div data-role="fieldcontain">
                        <h3>Información de la Señal</h3>
                        
                        <label for="nombre_tipo_sen">Tipo de Señal:</label>
                        <input id="nombre_tipo_sen" name="nombre_tipo_sen" type="text" placeholder="TIPO DE SEÑAL" readonly="readonly" />
                        
                        <label for="nombre_categ_sen">Categoría de Señal:</label>
                        <input id="nombre_categ_sen" name="nombre_categ_sen" type="text" placeholder="CATEGORÍA DE SEÑAL" readonly="readonly" />	
                        
                        <label for="nombre_senal_tra">Señal de Tránsito:</label>
                        <input id="nombre_senal_tra" name="nombre_senal_tra" type="text" placeholder="SEÑAL DE TRÁNSITO" readonly="readonly" />
                        
                        <div id="div_image_sen" style="display:block" class="centrado">
                        </div>
                    </div>
                    
                    <div data-role="fieldcontain">
                        <h3>Datos de la Ubicación</h3>
                        
                        <label for="nombre_estado">Entidad Federal:</label>
                        <input id="nombre_estado" name="nombre_estado" type="text" placeholder="ENTIDAD FEDERAL" readonly="readonly" />
                            
                        <label for="nombre_municipio">Municipio:</label>
                        <input id="nombre_municipio" name="nombre_municipio" type="text" placeholder="MUNICIPIO" readonly="readonly" />
                        
                        <label for="nombre_parroquia">Parroquia:</label>
                        <input id="nombre_parroquia" name="nombre_parroquia" type="text" placeholder="PARROQUIA" readonly="readonly" />
                            
                        <label for="nombre_sector">Sector:</label>
                        <input id="nombre_sector" name="nombre_sector" type="text" placeholder="SECTOR" readonly="readonly" />
                        
                        <label for="nombre_tipo_via">Tipo de Vía:</label>
                        <input id="nombre_tipo_via" name="nombre_tipo_via" type="text" placeholder="TIPO DE VÍA" readonly="readonly" />
                        
                        <label for="referencia">Referencia:</label>
                        <textarea id="referencia" name="referencia" placeholder="REFERENCIA" readonly="readonly" rows="3" cols="31"></textarea>	
                    </div>
                    
                    <div data-role="fieldcontain">
                        <label for="observaciones_sen">Observaciones:</label>
                        <textarea id="observaciones_sen" name="observaciones_sen" placeholder="OBSERVACIONES" readonly="readonly" rows="3" cols="31"></textarea>	
                    </div>
                    
                    <div data-role="fieldcontain">
                        <h3>Fotos de la Señal</h3>
                        
                        <label for="foto1">Foto 1:</label>
                        <input id="foto1" name="foto1" type="file" />
                        
                        <label for="foto2">Foto 2:</label>
                        <input id="foto2" name="foto2" type="file" />	
                        
                        <label for="foto3">Foto 3:</label>
                        <input id="foto3" name="foto3" type="file" />
                    </div>
                    
                    <br />
                    <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
                    
                    <br />     
                    <button id="adjuntar" name="adjuntar" type="button" data-theme="a">Adjuntar</button>
                    <input id="id_opcion" name="id_opcion" type="hidden" value="10" />
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
                </form>
            </div>
            
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>